import type { Metadata } from 'next';
import Link from 'next/link';
import { notFound } from 'next/navigation';
import { ExternalLink } from 'lucide-react';
import { PageHeader, Section, KV, Note } from '@/components/ui/section';
import { Badge, StatusBadge } from '@/components/ui/badge';
import { EmptyState } from '@/components/ui/empty-state';
import { Freshness } from '@/components/ui/freshness';
import { getSourceBySlug, listRuns, recordCountsByKind, licenseMeaning, sourceDomains } from '@/lib/queries/sources';
import { fmtDate, fmtDateTime, fmtDuration, fmtInt, humanize, relativeTime } from '@/lib/format';

export const revalidate = 300;

export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
  const s = await getSourceBySlug((await params).slug);
  return s ? { title: `${s.name} — source`, description: s.description ?? `License, access, connector health and record counts for ${s.name}.` } : { title: 'Source' };
}

export default async function SourcePage({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params;
  const s = await getSourceBySlug(slug);
  if (!s) notFound();
  const [runs, kinds] = await Promise.all([listRuns({ sourceId: s.id, limit: 30 }), recordCountsByKind(s.id)]);
  const domains = [...sourceDomains(s)];

  return (
    <div>
      <PageHeader kicker={`Source · ${humanize(s.category)}`} title={s.name} lede={s.description ?? undefined}>
        <p className="mt-2 flex flex-wrap items-center gap-2 text-[12.5px]">
          <span className="ci-mono text-ink-3">{s.id}</span>
          <span className="ci-mono text-ink-3">connector: {s.slug}</span>
          <StatusBadge status={s.status} />
          <StatusBadge status={s.health ?? 'unknown'} />
          {s.homepage ? (
            <a className="ci-link inline-flex items-center gap-1" href={s.homepage} target="_blank" rel="noopener noreferrer">
              Homepage <ExternalLink className="h-3 w-3" aria-hidden />
            </a>
          ) : null}
          {s.docs_url ? (
            <a className="ci-link inline-flex items-center gap-1" href={s.docs_url} target="_blank" rel="noopener noreferrer">
              API docs <ExternalLink className="h-3 w-3" aria-hidden />
            </a>
          ) : null}
          {s.terms_url ? (
            <a className="ci-link inline-flex items-center gap-1" href={s.terms_url} target="_blank" rel="noopener noreferrer">
              Terms <ExternalLink className="h-3 w-3" aria-hidden />
            </a>
          ) : null}
        </p>
      </PageHeader>

      <div className="grid gap-8 lg:grid-cols-[1fr_360px]">
        <div className="space-y-8">
          <Section id="license" kicker="License" title="License and attribution">
            <KV
              items={[
                { k: 'Status', v: <Badge tone={s.license_status === 'approved' ? 'ok' : s.license_status === 'blocked' ? 'danger' : 'warn'}>{s.license_status}</Badge> },
                { k: 'License', v: s.license ?? <span className="text-ink-3">not recorded</span> },
                { k: 'Commercial use', v: humanize(s.commercial_use) },
                { k: 'Redistribution', v: humanize(s.redistribution) },
                { k: 'Reviewed', v: s.license_reviewed_at ? fmtDate(s.license_reviewed_at) : <span className="text-ink-3">not yet reviewed</span> },
                { k: 'Approved for production', v: s.approved_for_production ? 'Yes' : 'No' },
                { k: 'Attribution', v: s.attribution ? <span className="italic">{s.attribution}</span> : <span className="text-ink-3">—</span> },
              ]}
            />
            <Note>{licenseMeaning(s.license_status, s.redistribution, s.commercial_use)}</Note>
          </Section>

          <Section id="runs" kicker="Connector" title="Ingest runs" description="Every execution of the connector: mode, status, counts, duration and dataset version. Runs never mass-delete on a shrunken response (anomaly guard).">
            {runs.length ? (
              <div className="ci-table-wrap">
                <table className="ci-table">
                  <thead>
                    <tr>
                      <th>Run</th>
                      <th>Mode</th>
                      <th>Status</th>
                      <th>Started</th>
                      <th className="num">Duration</th>
                      <th className="num">Fetched</th>
                      <th className="num">Created</th>
                      <th className="num">Updated</th>
                      <th className="num">Rejected</th>
                      <th className="num">HTTP fail</th>
                      <th>Dataset version</th>
                    </tr>
                  </thead>
                  <tbody>
                    {runs.map((r) => (
                      <tr key={r.id}>
                        <td>
                          <Link href={`/admin/runs/${r.id}`} className="ci-mono ci-link text-[11.5px]">
                            {r.id}
                          </Link>
                          {r.anomaly ? <Badge tone="danger" className="ml-1">anomaly</Badge> : null}
                          {r.schema_drift?.length ? <Badge tone="warn" className="ml-1">drift {r.schema_drift.length}</Badge> : null}
                        </td>
                        <td>{r.mode}</td>
                        <td>
                          <StatusBadge status={r.status} />
                        </td>
                        <td className="whitespace-nowrap text-[12.5px]">{fmtDateTime(r.started_at)}</td>
                        <td className="num">{fmtDuration(r.duration_ms)}</td>
                        <td className="num">{fmtInt(r.records_fetched)}</td>
                        <td className="num">{fmtInt(r.records_created)}</td>
                        <td className="num">{fmtInt(r.records_updated)}</td>
                        <td className="num">{fmtInt(r.records_rejected)}</td>
                        <td className="num">
                          {fmtInt(r.http_failures)}/{fmtInt(r.http_requests)}
                        </td>
                        <td className="ci-mono text-[11.5px]">{r.dataset_version ?? '—'}</td>
                      </tr>
                    ))}
                  </tbody>
                </table>
              </div>
            ) : (
              <EmptyState compact title="No run yet">
                {s.status === 'awaiting_credentials' ? 'The connector is waiting for API credentials.' : s.status === 'review' ? 'The connector is blocked until the license review completes.' : 'This connector has not been executed on this environment.'}
              </EmptyState>
            )}
          </Section>

          <Section id="records" kicker="Records" title="Source records by entity kind" description="Native records kept for idempotency and lineage (source + entity kind + source record id).">
            {kinds.length ? (
              <div className="ci-table-wrap">
                <table className="ci-table">
                  <thead>
                    <tr>
                      <th>Entity kind</th>
                      <th>Status</th>
                      <th className="num">Records (count)</th>
                      <th>Last retrieved</th>
                    </tr>
                  </thead>
                  <tbody>
                    {kinds.map((k) => (
                      <tr key={`${k.entity_kind}-${k.status}`}>
                        <td className="ci-mono">{k.entity_kind}</td>
                        <td>
                          <StatusBadge status={k.status} />
                        </td>
                        <td className="num">{fmtInt(k.n)}</td>
                        <td className="whitespace-nowrap text-[12.5px]">{k.last_retrieved ? fmtDateTime(k.last_retrieved) : '—'}</td>
                      </tr>
                    ))}
                  </tbody>
                </table>
              </div>
            ) : (
              <EmptyState compact>No record ingested from this source yet.</EmptyState>
            )}
            <Freshness dataUpdatedAt={s.last_success_at} sourceVersion={s.last_dataset_version} />
          </Section>
        </div>

        <aside className="space-y-8">
          <Section id="access" kicker="Access" title="Connector profile" level={3}>
            <KV
              items={[
                { k: 'Organization', v: s.organization },
                { k: 'Access', v: `${s.access_type} · ${humanize(s.access_auth)}` },
                { k: 'Update frequency', v: s.update_frequency },
                { k: 'Incremental', v: s.supports_incremental ? 'Yes' : 'No (full sync)' },
                { k: 'Rate limit', v: s.rate_limit },
                { k: 'Tier', v: <span className="ci-num">{s.tier}</span> },
                { k: 'Entities', v: s.entities.length ? s.entities.join(', ') : null },
                { k: 'Metrics', v: s.metrics.length ? s.metrics.join(', ') : null },
                { k: 'Domains', v: domains.length ? domains.join(', ') : null },
              ]}
            />
          </Section>
          <Section id="health" kicker="Health" title="Connector health" level={3}>
            <KV
              items={[
                { k: 'Health', v: <StatusBadge status={s.health ?? 'unknown'} /> },
                { k: 'Detail', v: s.health_detail },
                { k: 'Paused', v: s.paused ? 'Yes' : 'No' },
                { k: 'Last success', v: s.last_success_at ? `${relativeTime(s.last_success_at)} (${fmtDateTime(s.last_success_at)})` : '—' },
                { k: 'Last attempt', v: s.last_attempt_at ? fmtDateTime(s.last_attempt_at) : '—' },
                { k: 'Last run', v: s.last_run_id ? <Link className="ci-mono ci-link text-[11.5px]" href={`/admin/runs/${s.last_run_id}`}>{s.last_run_id}</Link> : '—' },
              ]}
            />
          </Section>
        </aside>
      </div>
    </div>
  );
}